<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div data-Id="1">我要增加一个自定义属性</div>
    <script>
      /*
       本案例需求:  div上面自定义一个id属性赋值为1，要求输出这个值
      (1)请找出下列代码产生的bug
          如何找出来的?
          原因分析:
      (2)如果想要实现正确的需求,应该如何实现
    */
      const div = document.querySelector("div")
      console.log(div.dataset) // 要求输出 1
    </script>
  </body>
</html>
